<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>라운드 사각형 그리기</title>
	<script src="raphael/raphael.js" charset="UTF-8"></script>
	<script>
		function makePaper(el, width, height) {
			// 페이퍼 만들기
			// el = 엘리먼트, width = 가로 사이즈, height = 세로 사이즈
			this.paper = Raphael(el, width, height)
		}

		makePaper.prototype.makeRect = function(x, y, width, height, r) {
			/*
			라운드 박스 만들기

			x = 왼쪽 상단 모서리의 x 좌표, 
			y = 왼쪽 상단 모서리의 y 좌표, 
			width = 가로사이즈, 
			height = 세로사이즈, 
			r = 둥근 모서리에 대한 반지름, 기본값은 0
			*/
			this.paper.rect(x, y, width, height, r);
		};

		window.onload = function() {
			var paper = new makePaper(document.getElementsByTagName('body')[0], 400, 400); // el, width, height
			paper.makeRect(50, 50, 100, 100, 30); // x, y, width, height, r
		}
	</script>
</head>
<body>
</body>
</html>